<!--
    特別推薦模塊，該模塊用於所有的二級導航欄對應的頁面中
-->

<template>
    <div style="width:670px;margin-top:10px;height:200px;float:left;">
        <div style="width:100%;height:24px;margin-top:0px;margin-bottom:10px;">
            <h4 style="font-size: 24px;line-height: 24px;font-weight: 400;float:left;color: #222;">編輯精選</h4>
        </div>

        <template v-show="res.length>0" v-for="item in res">
            <div style="width:calc(25% - 10px);height:80px;float:left;margin:10px 10px 10px 0px" v-bind:key="item.videoIndex">
                <showHoverMaskWithOutCharacters :video-info="item"></showHoverMaskWithOutCharacters>
            </div>
        </template>



        <!--            <div style="width:calc(25% - 10px);height:80px;float:left;margin:10px 10px 10px 0px">-->
        <!--                <showHoverMaskWithOutCharacters  v-if="res.length>1" :video-info="res[1]"></showHoverMaskWithOutCharacters>-->
        <!--            </div>-->

        <!--            <div style="width:calc(25% - 10px);height:80px;float:left;margin:10px 10px 10px 0px">-->
        <!--                <showHoverMaskWithOutCharacters  v-if="res.length>1" :video-info="res[1]"></showHoverMaskWithOutCharacters>-->
        <!--            </div>-->

        <!--            <div style="width:calc(25% - 10px);height:80px;float:left;margin:10px 10px 10px 0px">-->
        <!--                <showHoverMaskWithOutCharacters  v-if="res.length>1" :video-info="res[1]"></showHoverMaskWithOutCharacters>-->
        <!--            </div>-->
    </div>
</template>

<script>

    import showHoverMaskWithOutCharacters from "@/components/showHoverMaskWithOutCharacters";

    export default {
        name: "specialRecommendation",
        components:{
            showHoverMaskWithOutCharacters
        },
        data(){
            return{
                paigangbangForm:{
                    fenquParent:'',
                    is1day:'1',
                    is3day:'0',
                    is7day:'0'
                },
                res:[]
            }
        },
        mounted() {
            var self = this;
            self.paigangbangForm.fenquParent = "01-fanju";
            //查找动漫区前11的视频
            self.$api.post('paihangbang/getPaihangbangTop4',self.paigangbangForm, result => {
                self.res = result;
            });
        }
    }
</script>

<style scoped>

</style>
